<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>有间客栈</title>
	<link href="logo.ico" rel="shortcut icon" />

	<link rel="stylesheet" href="./plugin/bootstrap/css/bootstrap.min.css" />
	<link rel="stylesheet" href="css/common.css" />
	<link rel="stylesheet" href="css/article_detail.css" />
</head>

<body>
	<div class="w_header">
		<div class="container">
			<div class="w_header_top">
				<a href="index.html" class="w_logo"></a>
				<span class="w_header_nav">
					<ul>
						<li><a href="index.html" class="active">首页</a></li>
						<li><a href="article.html">文章</a></li>
						<li><a href="comment.html">留言</a></li>
						<li><a href="about.html">关于</a></li>
					</ul>
				</span>
			</div>
		</div>
	</div>

	<div class="w_container">
		<div class="container">
			<div class="row w_main_row">
				<ol class="breadcrumb w_breadcrumb">
					<li><a href="#">首页</a></li>
					<li><a href="#">文章</a></li>
					<li class="active" id="b_title">26个常用易忘CSS小技巧</li>
					<span class="w_navbar_tip">我们长路漫漫，只因学无止境。</span>
				</ol>

				<div class="col-lg-9 col-md-9 w_main_left">
					<div class="panel panel-default">
						<div class="panel-body" id="article_detail">
							<h2 class="c_titile">26个常用易忘CSS小技巧</h2>
							<p class="box_c"><span class="d_time">发布时间：2019-10-05</span><span>编辑：<a
										href="#">zxx</a></span><span class="pviews">阅读（88646）</span></p>
							<ul class="infos">

							</ul>

							<div class="keybq">
								<p><span>关键字</span>：<a class="label label-default">JavaScript</a><a
										class="label label-default">CSS</a><a class="label label-default">小技巧</a></p>
							</div>

							<div class="nextinfo">
								<p class="last">上一篇：<a href="#">免费收录网站搜索引擎登录口大全</a></p>
								<p class="next">下一篇：<a href="#">javascript显示年月日时间代码</a></p>
							</div>

						</div>
					</div>
				</div>

				<div class="col-lg-3 col-md-3 w_main_right">
					<div class="panel panel-default">
						<div class="panel-heading">
							<h3 class="panel-title">最新发布</h3>
						</div>
						<div class="panel-body">
							<ul class="list-unstyled sidebar">
								<li>
									<a href="#">web前端开发工程师 / 12k-20k</a>
								</li>
								<li>
									<a href="#">web前端开发工程师 / 12k-20k</a>
								</li>
								<li>
									<a href="#">web前端开发工程师 / 12k-20k</a>
								</li>
								<li>
									<a href="#">web前端开发工程师 / 12k-20k</a>
								</li>
							</ul>
						</div>
					</div>

					<!-- 友情链接 -->
					<div class="panel panel-default">
						<div class="panel-heading">
							<h3 class="panel-title">友情链接</h3>
						</div>
						<div class="panel-body">
							<div class="newContent">
								<ul class="list-unstyled sidebar shiplink">
									<li>
										<a href="https://www.zhihu.com/" target="_blank">知乎</a>
									</li>
									<li>
										<a href="https://segmentfault.com/" target="_blank">思否</a>
									</li>
									<li>
										<a href="https://juejin.im/" target="_blank">掘金</a>
									</li>
									<li>
										<a href="https://www.csdn.net/" target="_blank">CSDN</a>
									</li>
									<li>
										<a href="https://www.oschina.net/" target="_blank">开源中国</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="w_foot">
		<div class="w_foot_copyright">Copyright &copy;2019 武汉知行合壹教育科技有限公司 <span>|</span>
			<a target="_blank" href="http://www.zxyi.cn/" rel="nofollow">鄂ICP备19019153号-1</a>
		</div>
	</div>
</body>

</html>